<template>
  <div class="gj-how-main2 box">
    <div class="gj-how-tit">国际学校怎么选？根据年级择校</div>
    <div class="con con1">
      <div class="tit flex-lect"><b>我要上国际{{con.yey.name}}</b><span class="sp">{{con.yey.name}}建议</span></div>
      <div class="desc" v-html="con.yey.desc"></div>
      <div class="labs flex-lect">
        <div v-for="(item, index) in con.yey.labs" :key="index" class="lab flex-lect"><span class="txt">{{item}}</span><i class="jt"></i></div>
      </div>
    </div>
    
    <div class="con con2">
      <div class="tit flex-lect"><b>我要上国际{{con.xx.name}}</b><span class="sp">{{con.xx.name}}建议</span></div>
      <div class="desc" v-html="con.xx.desc"></div>
      <div class="labs flex-lect">
        <div v-for="(item, index) in con.xx.labs" :key="index" class="lab flex-lect"><span class="txt">{{item}}</span><i class="jt"></i></div>
      </div>
    </div>
    
    <div class="con con3">
      <div class="tit flex-lect"><b>我要上国际{{con.cz.name}}</b><span class="sp">{{con.cz.name}}建议</span></div>
      <div class="desc" v-html="con.cz.desc"></div>
      <div class="labs flex-lect">
        <div v-for="(item, index) in con.cz.labs" :key="index" class="lab flex-lect"><span class="txt">{{item}}</span><i class="jt"></i></div>
      </div>
    </div>
    
    <div class="con con4">
      <div class="tit flex-lect"><b>我要上国际{{con.gz.name}}</b><span class="sp">{{con.gz.name}}建议</span></div>
      <div class="desc" v-html="con.gz.desc"></div>
      <div class="labs flex-lect">
        <div v-for="(item, index) in con.gz.labs" :key="index" class="lab flex-lect"><span class="txt">{{item}}</span><i class="jt"></i></div>
      </div>
    </div>
  </div>
      
</template>

<script>
// 不支持 import
module.exports = {
  props:{
    con:{
      type:Object,
      default:null
    },
  },
  data: function () {
    return {
      
    };
  },
  components: {},
  mounted(){
    
  },
  methods:{
    
  }
};
</script>

<style>

</style>